<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Style Comments</title>
    <style>
        /* This is a CSS1 comment */
    
        /* This is a CSS1 comment, and it 
        can be several lines long without
        any problem whatsoever. */
    
        /* This is a CSS1 comment, in which we find
        another comment, which is WRONG
        /* Another comment */
        and back to the first comment */
    </style>
    <style>
        h1 { color: gray; }     /* This CSS comment is several lines */
        h2 { color: silver; }   /* long, but since it is alongside */
        p { color: white; }     /* actual styles, each line needs to */
        pre { color: gray; }    /* be wrapped in comment markers. */
    </style>
    <style>
        h1 { color: gray; }     /* This CSS comment is several lines
        h2 { color: silver; }      long, but since it is alongside 
        p { color: white; }        actual styles, each line needs to 
        pre { color: gray; }       be wrapped in comment markers. */
    </style>
</head>
<body>
    <p style="color:maroon; background:yellow;">
        The most wonderful of all breakfast foods is
        the waffle--a ridged and cratered slab of home-cooked, fulffy goodness...
    </p>
</body>
</html>